import React from 'react'

//            | 直接解构
const List = ({ list, ...props }) => {
    console.log(props);
    return (
        <div>
            <h2>正在进行的条数：{list.length}</h2>
            <ul>
                {
                    //换行要加小括号
                    list.map((item,index) => (
                        <li key={item.id}>
                            <input type="checkbox" />
                            -----{item.title}----
                            <button>删除</button>
                        </li>
                    ))
                }
                {/* <li>{list}</li> */}
            </ul>
        </div>
    )
}

export default List
